/*-- RESET 
-----------------------------------------------------------------------------------------------*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/*-- CLEAR 
-----------------------------------------------------------------------------------------------*/
.clearfix:after, .wrap:after, .info2 dl:after
{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;} 

.clear{ clear:both;} 

/*-- GLOBAL
-----------------------------------------------------------------------------------------------*/
html, body, #wrap {height: 100%;}
body { background:#FFF; color: #000; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:14px; }
body > #wrap {height: auto; min-height: 100%;}
ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family:Arial, Helvetica, sans-serif; }

a { color: #000; text-decoration: none; outline: none }
a:hover { text-decoration: none; cursor: pointer; color:#09F; }
a.link-no-bg{ color:#72BF2C;}
a.link-no-bg:hover { color:#09F;}


.left { float: left; display: inline; }
.right { float: right; display: inline;} 

@media (min-width: 0px) and (max-width: 763px) {
	.left { float: none; display: block; }
	.right { float: none; display: block;} 
}

h1.large{font-size:36px; margin:0px;}

h1{font-size:22px; margin:0px;}
h2{font-size:18px; margin:0px;}
h3{font-size:16px; margin:0px;}
h4{font-size:14px; margin:0px;}
h5{font-size:12px; margin:0px;}

@media (min-width: 0px) and (max-width: 1118px) {
	body { font-size:12px;}
	h1{font-size:16px; margin:0px;}
	h2{font-size:14px; margin:0px;}
	h3{font-size:12px; margin:0px;}
}

ul.none-list, ul.none-list li{ list-style-type:none; margin:0; padding:0;}
ul.none-list-inline, ul.none-list-inline li{ list-style-type:none; margin:0; padding:0; float:left; overflow:hidden;}
ul.none-list-block, ul.none-list-block li{ list-style-type:none; margin:0; padding:0; float:none; overflow:hidden;}


/*-- STRUCTURE
-----------------------------------------------------------------------------------------------*/
#sip{ overflow:hidden; background:#FFF;}
#header { background:#1A1B1B;  color:#FFF; overflow:hidden; padding:10px; }
#sidebar{ width:28%; overflow:hidden; }
#content{ width:70%; overflow:hidden; padding:10px 10px 10px 0px; }


/*-- HEADER
-----------------------------------------------------------------------------------------------*/
#header a{ color:#FFF;}
#header .logo{ padding:20px 20px 0px 20px; } 
#header .wrap-header{ padding:0px; text-align:right; margin-right:10px; overflow:hidden; word-spacing:normal;}

#header .wrap-header .col1{ white-space:nowrap;overflow:hidden; float:right;}
#header .wrap-header .text-search{ font-size:16px; background-color:#DDD; border:none; height:30px; padding:0px 5px; float:left; color:#888; outline:none; width:230px}
#header .wrap-header .category-search{ margin-right:3px;}
#header .wrap-header .styled-select .category-search {
   background: transparent;
   width: 180px;
   padding:5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height:30px;
   color:#888;
   -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
}
select::-ms-expand{
  display:none;
}
.styled-select {
   width: 180px;
   height: 30px;
   float:left;
   background:url(../images/down-arrow.png) no-repeat right #ddd;
   overflow:hidden;
   margin-right:5px;
}

#header .wrap-header .btn-search{ height:30px; width:30px; border:none; background:url(../images/icon-search.png) no-repeat #FFF; position:relative; float:left; cursor:pointer;  }

#header .menu { float:right; margin-top:20px;}
#header .menu a{ display:block; min-width:120px; text-align:center; padding:20px 0px;  color:#FFF; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .menu a:hover{ border-bottom:5px #FFF solid; }
#header .menu li.st1 a{ background:#3B3586;}
#header .menu li.st2 a{ background:#017FCA;}
#header .menu li.st3 a{ background:#76B717; width:140px;}
#header .menu li.st4 a{ background:#FFBA00;}
#header .menu li.st5 a{ background:#EF7001;} 
#header .menu li.st6 a{ background:#D40112;}

#header .menu li.active a{ border-bottom:5px #FFF solid;}

.line-grey{ background:#CCC; height:20px; border:none;  margin:0px;}

/*-- SIDEBAR
-----------------------------------------------------------------------------------------------*/
.wrap-sidebar{ padding:10px 0px 10px 10px;}

.wrap-sidebar .box1{ padding:20px 30px 0px; line-height:25px; font-size:16px; background:#3E3E3E; color:#FFF; margin-bottom:30px;overflow:hidden; height:275px;}
.wrap-sidebar .box1 h1{ color:#FFE533; font-size:28px; line-height:40px; margin-bottom:10px;}
.wrap-sidebar .box1 h1 span{ color:#EB5D3D; font-size:35px; font-weight:bold;}

.wrap-sidebar .box2{ overflow:hidden;}
.wrap-sidebar .box2 .block-cat{ overflow:hidden; display:block; margin-bottom:10px;} 
.wrap-sidebar .box2 .block-cat h2{ 	background-color:#76B717; overflow:hidden;  }
.wrap-sidebar .box2 .block-cat h2 a{ background-image:url(../images/icon-dot.png); background-repeat:no-repeat; background-position:30px 11px; display:block; color:#FFF; font-size:25px;  padding:10px 10px 10px 70px; }
.wrap-sidebar .box2 .block-cat h2 a:hover{ background-color:#990; }
.wrap-sidebar .box2 .block-cat .sub-cat{ background-color:#FFEFBF; overflow:hidden; border:1px solid #AAAAAA; margin:5px 0px;  }
.wrap-sidebar .box2 .block-cat .sub-cat a{ background-image:url(../images/icon-arrow-cat.png); background-repeat:no-repeat; background-position:45px 11px; display:block; color:#545454; font-size:20px;  padding:10px 10px 10px 80px; }
.wrap-sidebar .box2 .block-cat .sub-cat a:hover{ background-color:#F5D25A;}

.wrap-sidebar .box3{ padding:20px 30px 30px; line-height:25px; font-size:16px; background:#3E3E3E; color:#FFF; margin-top:20px;} 
.wrap-sidebar .box3 .col-wrap { border-top:3px #FFFFFF solid; padding:25px 0px 10px 0px;}
.wrap-sidebar .box3 .col-wrap:last-child{ border-bottom:3px #FFFFFF solid;}
.wrap-sidebar .box3 .col-wrap h2{ color:#FFE533; font-size:26px; margin-bottom:30px;}
.wrap-sidebar .box3 .col-wrap p{ overflow:hidden; margin-bottom:20px; font-size:18px; letter-spacing:1px;}
.wrap-sidebar .box3 .col-wrap p img{ vertical-align:middle; margin-right:10px;}
.wrap-sidebar .box3 .col-wrap p a{ color:#FFF; text-decoration:underline;}
.wrap-sidebar .box3 .col-wrap p a:hover{ color:#09F;}
.wrap-sidebar .box3 .col-wrap p .img-bnk{ float:left; width:100px;}
.wrap-sidebar .box3 .col-wrap p span{ width:190px;  float:left; color:#FFF;}


/*-- CONTENT
-----------------------------------------------------------------------------------------------*/
#wrap-banner{ overflow:hidden; margin-bottom:10px;}
#banner{ width:100%; overflow:hidden;}
#banner img{ max-height:295px; width:100%; }
.banner-pager{
	text-align:left;
	padding:5px ;
	margin:0px;
}

.banner-pager span {
	background:url(../images/cycle-pager.png) no-repeat;
	display: inline-block;
	width:10px;
	height:10px;
	color:#666;
	margin-right:2px;
	cursor:pointer;
}
.banner-pager span.cycle-pager-active  {
	background:url(../images/cycle-pager-active.png) no-repeat;
	color:#F60;
}


.wrap-content{}
.wrap-content h1.titlePage{ margin-top:20px; margin-bottom:10px; min-height:43px; vertical-align:middle; padding:8px 0px 0px 55px; color:#666; display:block; letter-spacing:1px;}
.wrap-content h1.titlePage span{ border-bottom:#666 2px solid;}
.wrap-content h1.faq{ background:url(../images/icon-faq.png) no-repeat;}
.wrap-content h1.product{ background:url(../images/icon-product.png) no-repeat; padding-left:68px;}
.wrap-content h1.contacT{ background:url(../images/icon-info.png) no-repeat; }

.list-product { list-style:none; padding:0; margin:0; overflow:hidden; }
.list-product li {
	display:inline-block;
	margin:0px 20px 20px 0px;
	vertical-align:top;
	-webkit-box-shadow: 0px 0px 3px 5px #EEE;
	-moz-box-shadow: 0px 0px 3px 5px #EEE;
	box-shadow: 0px 0px 3px 5px #EEE;
	position:relative;	
	border:#888888 1px solid;
	zoom:1;
}
.list-product li .wrap a{ oveflow:hidden; display:block; padding:15px;}
.list-product li .icon-label { position:absolute;top:-1px; right:-1px;}
.list-product li .wrap img.prod-image{ height:180px; max-width:180px;}
.list-product li .disc{ background:#D90000; color:#FFF; font-size:14px; padding:10px; display:inline-block; position:absolute; 
top:170px; left:0px; }
.list-product li .desc{ margin-top:10px; text-align:center; background:none; color:#000;}
.list-product li .desc h4{ font-size:18px; padding-top:10px; }
.list-product li .price{ color:#00A3D9; font-size:16px; margin-top:8px; font-weight:bold; }
.list-product li span.line{ text-decoration:line-through; color:#F00; font-size:13px;}

.list-product li:hover{ opacity:0.7; border:#F90 1px solid;} 

.related-product .wrap-related{ 
	vertical-align:top;
	-webkit-box-shadow: 0px 0px 3px 5px #EEE;
	-moz-box-shadow: 0px 0px 3px 5px #EEE;
	box-shadow: 0px 0px 3px 5px #EEE;
	position:relative;
	border:#888888 1px solid;
	max-width:220px;
	margin-right:15px;
}

.related-product { margin-top:20px;}
.related-product .wrap-related .wrap a{ oveflow:hidden; display:block; padding:15px;}
.related-product .wrap-related .icon-label { position:absolute;top:0px; right:0px;}
.related-product .wrap-related .wrap img.prod-image{ height:180px; max-width:180px;}
.related-product .wrap-related .disc{ background:#D90000; color:#FFF; font-size:14px; padding:10px; display:inline-block; position:absolute; top:200px; left:0px;zoom:1; }
.related-product .wrap-related .desc{ margin-top:40px; text-align:center; background:none; color:#000;}
.related-product .wrap-related .desc h4{ font-size:18px; margin-bottom:5px; padding-top:5px;}
.related-product .wrap-related .price{ color:#00A3D9; font-size:17px; }
.related-product .wrap-related:hover{ opacity:0.7; border:#F90 1px solid;}

.paging { width: 100%; overflow:hidden; text-align:center;  }
.paging li { text-align:center; margin:0 auto; overflow:hidden; display:inline-block; zoom:1; margin-left:6px; }
.paging li a{ background:#CCC; display:block; border:#333 2px solid; padding:5px 7px;}
.paging li a:hover{ background:#EF7001; color:#FFF; }
.paging li a.current{ background:#76B717; color:#FFF; }

.colDetail .p-image{ width:57%; overflow:hidden; border:2px solid #F90; margin-right:20px;}
.colDetail .p-image .img-zoom{ width:95%; margin:10px;}
.colDetail .p-image .thumbs { border-top:#F90 2px solid; padding:10px 15px;   }
.colDetail .p-image .thumbs img{ width:110px; border:#999 1px solid;cursor:pointer; padding:5px;}

.colDetail .p-detail{ width:40%; overflow:hidden; padding:20px 0px; line-height:20px;}
.colDetail .p-detail h1{ font-size:30px; margin-bottom:20px; line-height:40px;}
.colDetail .p-detail .p-desc{ overflow:hidden;}
.colDetail .p-detail .p-share{ overflow:hidden; vertical-align:top; margin-top:30px; font-weight:bold;}
.colDetail .p-detail .p-price{ overflow:hidden; padding:10px 0px;  margin-top:30px; font-weight:bold; color:#017FCA; font-size:40px; position:relative; text-align:center; }
.colDetail .p-detail .p-price span {
    position: absolute;
	width:80%;
    border-top: 4px solid red;
    left: 35px;
	top:20px;
}
.colDetail .p-detail .p-disc{ overflow:hidden; padding:10px 0px;  margin-top:30px; font-weight:bold; color:#017FCA; font-size:25px; color:#EF7001; text-align:center;}
.colDetail .p-detail .p-disc span{ background:#EF7001; color:#FFF; padding:10px; overflow:hidden;}
.colDetail .p-detail .p-price2{ overflow:hidden; padding:10px 0px;  margin-top:30px; font-weight:bold; color:#76B717; font-size:40px; text-align:center;}

.colRelated { overflow:hidden; margin-top:30px;  padding:20px 0px;}
.colRelated h1.titleRelated{  margin-bottom:10px; min-height:37px; vertical-align:middle; padding:12px 0px 0px 65px; color:#666; display:block; letter-spacing:1px; border-bottom:1px solid #999}

.slick-dots{ list-style:none; padding:0; margin:0; margin-top:10px; overflow:hidden;}
.slick-dots li{ float:left; margin-right:5px; cursor:pointer;}
.slick-dots li button{cursor:pointer;}
.slick-dots li button:hover{ background:#09F; border:#09F 2px solid; color:#FFF; }
.slick-dots li.slick-active button{ background:#09F; border:#09F 2px solid; color:#FFF; }

/*-- FOOTER
-----------------------------------------------------------------------------------------------*/
#footer .social { margin-top:3px;}
#footer .social-2 p{ overflow:hidden; margin-bottom:10px;}
#footer .social-2 p img{ vertical-align:middle;}
#footer .social-2 p:last-child{ margin-bottom:0px;}

#footer .foot-2 {background:#111111; font-size:18px; padding:20px; }
#footer .foot-2 .copyright{ padding:10px 50px;}
#footer .c-blue{ color:#13C5FF;}
#footer .c-red{ color:#FF3F00;}

#footer .social { color:#FFF; font-size:16px;}
#footer .social span{  vertical-align:text-top;}
#footer .social a{ margin-left:10px;vertical-align:middle; overflow:hidden;display:inline-block; zoom:1}

/*-- FAQ
-----------------------------------------------------------------------------------------------*/
.accor{ }
.accor .a1 {margin-bottom:10px;}
.accor .a1 h2{background:#EF7001; color:#FFF; padding:20px 15px; cursor:pointer; font-size:20px;}
.accor .a1 h2:hover{background:#0F3;} 
.accor .a1 h2.current{background:#76B717;}
.accor .a1 h2.current:hover{background:#0F3}
.accor .a1 h2 span{ background:url(../images/icon-plus.png) no-repeat; float:right; height:20px; width:20px;}
.accor .a1 h2.current span{ background: url(../images/icon-minus.png) no-repeat;  margin-top:8px;}
.accor .a1 .answer {padding:0px;} 
.accor .a1 .answer p{border:1px solid #76B717; padding:10px 20px; border-top:none; line-height:25px;}	

/*-- CONTACT
-----------------------------------------------------------------------------------------------*/
.contact2 { line-height:35px; overflow:hidden; margin-bottom:90px;}
.contact2 .column1{ width:30%; margin-right:40px; overflow:hidden;}
.contact2 .column1 h2{text-decoration:underline; clear:both; margin-top:20px; margin-bottom:10px; font-size:22px; color:#EF7001;}
.contact2 .column1 p { clear:both; overflow:hidden; margin-bottom:10px; }
.contact2 .column1 p img{ margin-right:10px; margin-top:5px; float:left;}
.contact2 .column1 p span{font-size:16px; float:left; width:200px; }

.contact2 .column2{overflow:hidden; line-height:25px;}
.contact2 .column2 h2{ font-size:24px; color:#06F;}
.contact2 .column2 p{ margin-bottom:10px;}
.contact2 .column2 label{ font-size:18px; color: #EF7001;}
.contact2 .column2 .textfield{ width:85%; height:20px; padding:5px; font-size:15px; border:#999 1px solid;}
.contact2 .column2 .textarea{ width:85%; height:140px; padding:5px; font-size:15px;  border:#999 1px solid;}
.contact2 .column2 .buttoncontact{ font-size:15px; color:#FFF; border:none; background:#06F; padding:10px 15px; cursor:pointer; letter-spacing:1px;}
.contact2 .column2 .buttoncontact:hover{  background:#EF7001;}